<template>
  <div class="outApp" id="elecData_father">
    <vue-canvas-nest
      :config="config"
      :el="'#elecData_father'"
    ></vue-canvas-nest>
    <el-scrollbar style="height: 100%">
      <router-view />
    </el-scrollbar>
  </div>
</template>

<script>
import vueCanvasNest from "vue-canvas-nest";

export default {
  name: "App",
  components: {
    vueCanvasNest,
  },
  data() {
    return {
      config: {
        color: "152, 201, 201",
        opacity: .5,
        zIndex: -1,
        count: 140,
      },
    };
  },
};
</script>

<style>
.outApp {
  margin: 30px 20px 10px;
  background-color: rgba(245, 245, 245, 0.3);
  min-height: 700px;
}
body {
  background-color: #2f3c4d;
  
}
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #dbd9d9;
  border-radius: 3px;
}
</style>
